.container > .navbar-header {
  margin: 0px;
}

.navbar-default .navbar-brand {
  padding: 0px;
  max-width: 100%;
  height: auto;
}

.navbar-default {
  .navbar-toggle {
    background-color: $nav-header-bg;
    border-color: $nav-header-bg;
    border-radius: 0px;

    .icon-bar {
      background-color: $highlight;
    }

    &:hover, &:focus, &:active {
      background-color: $highlight;

      .icon-bar {
        background-color: $nav-header-bg;
      }
    }
  }
}

#navMenu {
  height: 60px;
  width: 100%;
  color: $nav-header-fg;
  margin: 0px;
  border: 0px;
  background: $nav-header-bg;
}

.navbar-default .navbar-nav > {
  .dropdown .open > a, .open > a {
    text-decoration: none;
    background-color: white;
    color: $nav-header-bg;

    &:hover, &:focus, &:active {
      text-decoration: none;
      background-color: white;
      color: $nav-header-bg;
    }
  }
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: $nav-header-bg;

  text-decoration: none;
  background-color: white;
  color: $nav-header-bg;

  &:hover, &:focus, &:active {
    text-decoration: none;
    background-color: $highlight;
    color: $nav-header-bg;
  }
}

.navbar-default .navbar-nav > {
  li > a {
    &:hover, &:focus, &:active {
      text-decoration: none;
      background-color: $highlight;
      color: $nav-header-bg;
    }
    color: white;

    padding-top: 10px;
    padding-bottom: 10px;

    @media (min-width: $screen-md-min) {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
}

.dropdown-menu {
  padding: 0px;
  > li > a {
    height: 40px;
    padding: 10px 20px 0px 20px;
    background-color: white;

    &:hover, &:focus, &:active {
      text-decoration: none;
      background-color: $nav-header-bg;
      color: white;
    }
  }
}

